import BaseView from "./baseView.js";


export default class StundentView extends BaseView{

    render(){
        this.$app.html(`
        <table id="showdatas" lay-filter="test"></table>
        ` )
    }
    handle(){
       $("#addLayUiJs").html(`
       <script>
            layui.use('table', function(){
            var table = layui.table;
  
        //第一个实例
        table.render({
            elem: '#showdatas'
            ,url: '/api/student/showstudents' //数据接口
            ,page: true //开启分页
            ,request: {
                 pageName: 'currentpage' //页码的参数名称，默认：page
                ,limitName: 'pagesize' //每页数据量的参数名，默认：limit
              }
            ,limit:2    //修改每页显示的条数
            ,limits:[2,3,4,5]    //选择迈耶显示的条数	
            ,parseData:function(res){ 
                return {
                    "code": res.code, //解析接口状态
                    "msg":  res.msg, //解析提示文本
                    "count": res.totalNum, //解析数据长度
                    "data": res.datas //解析数据列表
                  };
            }
            ,cols: [[ //表头
             {field: '_id', title: '编号',fixed: 'left'}
            ,{field: 'name', title: '姓名'}
            ,{field: 'gender', title: '年龄'}
            ,{field: 'classid', title: "班级",'templet':function(msg){
                       //console.log(msg);
                       //return "测试";
                       return msg.classid.name
             }}
             ,{field: 'classid', title: '班级人数','templet':msg=>msg.classid.nums}
            ]]
        });
        });
        </script>
       `)
    }
}
new StundentView("app");